<template>
    <fieldset>
        <legend>axiox的使用</legend>
        <button @click="get">点击发送get请求</button>
        <button @click="post">点击发送post请求</button>
    </fieldset>
</template>
<script>
import axios from "axios";
    export default {
        methods:{
            get(){
                // // 1..发送第一种方式（传统的写法）
                // axios.get('/api/data/index.json',{
                //     params:{   // 给get请求传递参数
                //         name:'德玛西亚'
                //     }
                // })
                //     .then(res=>{
                //         console.log(res);
                //     })


                // 2.使用config模式
                axios({
                    url:'/api/data/index.json',  // 传入地址
                    method: 'get',  // 请求方式

                    // post请求放在data中
                    // get请求放在params中
                    params: {
                        name:'死亡如风,常伴吾身',
                    },
                })
                    .then(res=>{
                        console.log(res);
                    })
            },
            post(){
                // // 1.第一种方式（传统的写法）
                // // 第一个参数是请求地址
                // // 第二个参数是请求体
                // // 第三个参数是配置项
                // axios.post('/api/users/login',{
                //     username:'lbw',
                //     password:'555',
                // },
                // {
                //     headers:{   // 请求头
                //         'Content-Type': 'application/json'
                //     }    
                // })
                //     .then(res=>{
                //         console.log(res);
                //     })


                // 2.使用config模式
                axios({
                    url:'/api/users/login',
                    method: 'post',    // 请求方式

                    // post请求放在data中
                    // get请求放在params中
                    data:{
                        username:'lbw',
                        password:'555',
                    },
                    headers:{     // 请求头
                        'Content-Type': 'application/json'
                    }

                })
                .then(res=>{
                    console.log(res);
                })
            }
        }
    }
</script>